<!--
  - Copyright (C) 2024
  - All rights reserved, Designed By www.joolun.com
  - 注意：
  - 本软件为www.joolun.com开发研制，未经购买不得使用
  - 购买后可获得全部源代码（禁止转卖、分享、上传到码云、github等开源平台）
  - 一经发现盗用、分享等行为，将追究法律责任，后果自负
-->
<!-- 聊天消息类型 -->
<!-- 默认(通用)类型 默认可显示 订单消息/商品信息消息 -->
<template>
	<view>
		<view @click="goPage()">
			<view class="cu-avatar image-bg" :style="{ 'background-image': msgBody.imgUrl ? 'url(' + msgBody.imgUrl + ')' : '' }"></view>
			<view class="text-sm padding-left-xs">
				<view class="text-darkgrey margin-top-sm text-to-long">{{ msgBody.name }}</view>
				<text class="cu-tag sm radius bg-red">{{ msgBody.type }}</text>
				<view class="text-red text-xl text-bold margin-top-xs">{{ msgBody.desc }}</view>
			</view>
		</view>
	</view>
</template>

<script>
import { pageUrls } from '@/components/chat-message/pageUrls.js';

export default {
	props: {
		msgBody: {
			//消息体
			type: Object,
			default: {}
		}
	},
	data() {
		return {
			pageUrlData: pageUrls
		};
	},
	methods: {
		// 如果页面存在就跳转到详情页面
		goPage() {
			if (this.msgBody && this.msgBody.type) {
				if (this.pageUrlData.length > 0) {
					let path = '';
					this.pageUrlData.map((item) => {
						if (item.type == this.msgBody.type) {
							path = item.url;
							return;
						}
					});
					if (path) {
						uni.navigateTo({
							url: path + '?id=' + this.msgBody.id
						});
					}
				}
			}
		}
	}
};
</script>

<style>
.image-bg {
	width: 390rpx;
	height: 390rpx;
}
</style>
